<!DOCTYPE html>
<html lang="">

	<head>
		<meta charset="utf-8" />
		<title>购物车</title>
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" type="text/css" href="css/shopping_car.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<style>
			body {
				background-color: #ededed;
			}
		</style>
	</head>

	<body>
		<iframe name="header_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100%
			src="./components/header02.html" frameborder=0 scrolling="no"></iframe>
		<div class="container">
			<div class="sidebar">
				<div class="sidebar-item">
					<div class="left"></div>
					<div class="icon"><img src="img/manage/user_info.png" alt=""></div>
					<a href="UserInfo.html" style="color: #8C8C8C;">个人信息</a>
				</div>
				<div class="click sidebar-item">
					<div class="left"></div>
					<div class="icon"><img src="img/manage/click_shopping_car.png" alt=""></div>
					购物车
				</div>
				<div class="sidebar-item">
					<div class="left"></div>
					<div class="icon"><img src="img/manage/order.png" alt=""></div>
					<a href="Order.html" style="color: #8C8C8C;">我的订单</a>
				</div>
				<div class="sidebar-item">
					<div class="left"></div>
					<div class="icon"><img src="img/manage/address.png" alt=""></div>
					<a href="Address.html" style="color: #8C8C8C;">收货地址</a>
				</div>
				<div class="sidebar-item">
					<div class="left"></div>
					<div class="icon"><img src="img/manage/track.png" alt=""></div>
					<a href="Track.html" style="color: #8C8C8C;">我的足迹</a>
				</div>
			</div>
			<!--    内容-->
			<div class="content">
				<div class="header">
					<div class="title">全部商品</div>
					<div class="hr"></div>
					<div class="go-home">
						<input type="button" value="继续购物" class="check-button">
					</div>
				</div>
				<div class="details">
					<div class="item">
						<div class="checkbox">
							<label>
								<input type="checkbox">
							</label>
						</div>
						<!-- 商品封面-->
						<div class="image">
							<img src="img/shopping/2022年贵州特产野生刺梨农家新鲜野山果天然食用农产品5斤.jpg" alt="">
						</div>
						<div class="title">
							2022年贵州特产野生刺梨农家新鲜野山果天然食用农产品5斤
						</div>
						<!-- <div class="version">
                    <div class="version-item">
                        <div class="key">口味</div>
                        <div class="value">闪冲花神咖啡礼盒</div>
                    </div>
                    <div class="version-item">
                        <div class="key">净含量</div>
                        <div class="value">1x12x2g</div>
                    </div>
                </div> -->
						<div class="price">¥<span>89</span>.00</div>
						<div class="number">
							<span class="btn-group margin-num" role="group" aria-label="Basic example">
								<button type="button" class="btn btn-secondary">-</button>
								<button type="button" class="btn btn-secondary">1</button>
								<button type="button" class="btn btn-secondary">+</button>
							</span>
						</div>
						<div class="control">
							<input type="button" value="删除" class="check-button">
						</div>
					</div>
				</div>
				<div class="bottom">
					<div class="hr"></div>
					<div class="check-all">
						<span class="total">合计：<span class="price">0.00</span></span>
						<!--                    <input type="button" value="多选" class="check-button">-->
						<input type="button" value="结算" class="check-button">
					</div>
				</div>
			</div>
		</div>
		<iframe name="footer_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100%
			src="./components/footer.html" frameborder=0 scrolling="no"></iframe>
	</body>

</html>
